<template>
  <div class="sunrow login">
    <div class="sogin sogrig">
      <div class="we_liu v3">
        <ul>
          <li class="selected">忘记密码</li>
          <li class="le1 selected">验证信息</li>
          <li class="le2 selected">重新密码</li>
          <li class="le3">修改完成</li>
        </ul>
      </div>
      <div class="mainsr">
        <div class="user_zh user_bottom">
          <div class="oler">
            <img src="../../assets/img/sun_img3.png">
          </div>
            <div class="oyanzm">
              <mt-field type="text" placeholder="*请输入手机验证码"></mt-field>
            </div>
        </div>
        <div class="user_zh user_bottom">
          <div class="oler">
            <img src="../../assets/img/sun_img3.png">
          </div>
            <div class="oyanzm">
              <mt-field type="text" placeholder="*请输入手机验证码"></mt-field>
            </div>
        </div>
        <div class="user_button mairtop">
          <mt-button type="primary" @click="openTop()"></mt-button>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import { Toast } from 'mint-ui';
import Slider from '../../components/common/slider';
export default {
  name: 'Forget',
  components: { Slider },
  data: function(){
    return {

    }
  },
  methods: {
    openTop(){
      Toast('提示信息');
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="css">
@import "../../assets/css/burst.css";
.sogin{margin-top:.906667rem;}
.we_liu{width:7rem;margin:0 auto;overflow:hidden;background-size:6.4rem;background-repeat:no-repeat;margin-top:.366667rem;background-position:center;}
.v1{background-image:url(../../assets/img/sun_img6.gif);}
.v2{background-image:url(../../assets/img/sun_img7.gif);}
.v3{background-image:url(../../assets/img/sun_img8.gif);}
.v4{background-image:url(../../assets/img/sun_img9.gif);}
.we_liu ul{color:#c4c4c4;margin-top:1.606667rem;overflow:hidden;}
.we_liu li{width:1.293333rem;float:left;font-size:.32rem;line-height:.533333rem;text-align:center;}
.we_liu .le1{margin-left:.666667rem;}
.we_liu .le2{margin-left:.566667rem;}
.we_liu .le3{margin-left:.586667rem;}
.selected{color:#fc9424;}
.mairtop{margin-top:2.8rem;}
.fasyaz{width:1.68rem;height:.66rem;border:1px solid #919191;font-size:.32rem;position:fixed;right:1.58rem;margin-top:.28rem;border-radius:.3rem;text-align:center;line-height:.66rem;}
.user_zh .oyanzm{float:left;width:4.166667rem;margin-top:.1rem;}
.mint-button--primary{background-image:url(../../assets/img/sun_img10.png);}
</style>
